//导航切换

//(初始时)
$('#all').show();
$('.fenlei>li:first').addClass('on');



$('.fenlei>li').click(function(){
    $(this).addClass('on');
    $(this).siblings().removeClass('on');

    //取出当前li的data

    var dataId =$(this).data('id');

    $('.page').hide();//让page先隐藏
    $('#'+dataId).show();//对应div显示出来


});


//导航切换

//(初始时)

$('.index').addClass('on2');



$('.daohang span').click(function(){
    $(this).addClass('on2');
    $(this).siblings().removeClass('on2');

});


//banner

var mySwiper = new Swiper ('.swiper-container', {

    loop: true, // 循环模式选项
    effect : 'fade',
    autoplay: {
        disableOnInteraction: false,
    },

    // 如果需要分页器
    pagination: {
        el: '.swiper-pagination',
    },


});